<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form acton="post">
    <p>
        <span>用户名:</span>
        <input type="text" id="username">
    </p>
    <!--多选框这个标签的值就是设置好的value值-->
    <p>
        <span>性别:</span>
        <input type="radio" name="sex" value="man" id="man">男
        <input type="radio" name="sex" value="woman" id="woman">女
    </p>
    <input type="submit">
</form>
<script>
    var input_text = document.getElementById('username');
    //console中使用input_text.value可以获取到框内的值。
    // (不是输入然后enter之后的值, 那个值会被提交给后端, 前端处理的是当前在这个框内的值)

    var select_man = document.getElementById("man");
    //select_man.value 会返回这个标签的value属性, 无论是否被选中
    let checked_man = select_man.checked;//返回一个布尔值, true则这个值已经被选中
</script>
</body>
</html>